<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Introduction - GitZip</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

    <link href="/assets/css/simple-line-icons.css" rel="stylesheet">
    <link href="/assets/css/index.css" rel="stylesheet">

    <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon-96x96.png">
	
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <script src="/assets/js/jquery.easing.min.js" type="text/javascript"></script>
    
</head>
<body>
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    <img src="/assets/images/favicon-96x96.png" width="36" height="36" alt="">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a class="page-scroll" href="#features">Features</a></li>
                    <li><a class="page-scroll" href="#extension">Extension</a></li>
                    <li><a class="page-scroll" href="#supportus">Support Us</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <header class="masthead d-flex" id="page-top">
        <div class="video-wrap">
            <video autoplay loop muted>
                <source src="/assets/videos/gitzip-use-case.mp4" type="video/mp4">
            </video>
            <div class="video-overlay"></div>
        </div>
        <div class="container my-auto">
            <div class="row text-center">
                <div class="col-lg-12">
                    <h1>Download sub-folders/files of Github repo</h1>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                    <p><a class="btn btn-primary btn-lg page-scroll" href="#features" role="button">Learn More</a></p>
                </div>
            </div>
        </div>    
    </header>    

    <section id="features" class="d-flex">
        <div class="container my-auto text-center">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Features</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-4">
                    <div class="feature-item">
                        <i class="icon-bag"></i>
                        <h2>Light</h2>
                        <p>Download just for those few dirs/files you need instead of whole project.</p>
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="feature-item">
                        <i class="icon-docs"></i>
                        <h2>Multiple</h2>
                        <p>Choose more than one dirs/files.</p>
                    </div>
                </div>
                <div class="col-xs-4">
                    <div class="feature-item">
                        <i class="icon-bulb"></i>
                        <h2>Intuitive</h2>
                        <p>Just check items and click download button.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container next-navigate text-center">
        <a class="page-scroll" href="#extension">
            <h3>Get Extension</h3>
            <div class="shaking-scope">
                <span class="shaking-arrow glyphicon glyphicon-menu-down"></span>
            </div>
         </a>
    </div>
    
    <section id="extension" class="d-flex">
        <div class="container my-auto text-center">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Get extensions for Free</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <p>
                        <a href="https://chrome.google.com/webstore/detail/gitzip-for-github/ffabmkklhbepgcgfonabamgnfafbdlkn">
                            <img src="/assets/images/badge-chrome-340x96.png">
                        </a>
                        <a href="https://microsoftedge.microsoft.com/addons/detail/nlgkiabjnbdndgblhcaobimbpifcdkjj">
                            <img src="/assets/images/badge-edge-330x96.png">
                        </a>
                        <a href="https://addons.mozilla.org/en-US/firefox/addon/gitzip/">
                            <img src="/assets/images/badge-firefox-172x60.png">
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </section>
    
    <section id="supportus" class="d-flex">
        <div class="container my-auto text-center">
            <div class="row">
                <div class="col-lg-12">
                    <h1>Support Us</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <p>&nbsp;</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <p>
                        <a href="https://www.buymeacoffee.com/gitzip">
                            <img src="/assets/images/buymeacoffee.png">
                        </a>
                    </p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <p>&nbsp;</p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="footer" id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4  col-md-4 col-sm-4">
                        <h3> Sources </h3>
                        <ul>
                            <li> <a href="https://github.com/GitZip/gitzip.org"> Website </a> </li>
                            <li> <a href="https://github.com/GitZip/chrome-extension"> Chrome Extension </a> </li>
                            <li> <a href="https://github.com/GitZip/firefox-addons"> Firefox Addon </a> </li>
                            <li> <a href="https://github.com/KinoLien/gitzip/tree/gh-pages"> GitZip Online</a> </li>
                        </ul>
                    </div>
                    <div class="col-lg-4  col-md-4 col-sm-4">
                        <h3> Credits </h3>
                        <ul class="credit-ul">
                            <li> <span>Inspired:</span> <a href="https://github.com/fatcloud">fatcloud</a>, <a href="https://stackoverflow.com/q/7106012/2238770">StackOverflow QA</a> </li>
                            <li> <span>Offered use cases:</span> <a href="https://github.com/julmot">Julian Motz</a>, <a href="https://github.com/zachlysobey">Zach Lysobey</a> </li>
                            <li> <span>Logo designed:</span> <a href="https://github.com/math2001">Mathieu PATUREL</a> </li>
                            <li> <span>Asked for plugin:</span> <a href="https://github.com/goldylucks">Adam Goldman</a> </li>
                        </ul>
                    </div>
                    <div class="col-lg-4  col-md-4 col-sm-4">
                        <h3> About &amp; Contact </h3>
                        <ul>
                            <li> <a href="/privacy_policy.html"> Privacy Policy </a> </li>
                            <li><a href="mailto:miecowbai@gmail.com">Contact <span class="remove-line">Us</span> Me</a></li>
                        </ul>
                    </div>
                </div>
                <!--/.row--> 
            </div>
            <!--/.container--> 
        </div>
        <!--/.footer-->
        <div class="footer-bottom">
            <div class="container">
                <p class="pull-left"> © 2016-2022 Gitzip, Kino Lien. All right reserved. </p>
            </div>
        </div>
        <!--/.footer-bottom--> 
    </footer>
    
    <script src="/assets/js/scrolling-nav.js" type="text/javascript"></script>
</body>
</html>